<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../js/easyui/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="../../../js/easyui/themes/icon.css">
		<script type="text/javascript" src="../../../js/jquery-1.11.1.js"></script>
		<script type="text/javascript" src="../../../js/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="../../../js/easyui/locale/easyui-lang-zh_CN.js"></script>
	</head>

	<body>
		<table class="easyui-datagrid">
			<thead>
				<tr>
					<th data-options="field:'code'">Code</th>
					<th data-options="field:'name'">Name</th>
					<th data-options="field:'price'">Price</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>001</td>
					<td>name1</td>
					<td>2323</td>
				</tr>
				<tr>
					<td>002</td>
					<td>name2</td>
					<td>4612</td>
				</tr>
			</tbody>
		</table>

		<table class="easyui-datagrid" style="width:400px;height:250px" data-options="url:'datagrid_data.js',fitColumns:true,singleSelect:true,method:'get'">
			<thead>
				<tr>
					<th data-options="field:'coding',width:100">Code</th>
					<th data-options="field:'name',width:100">Name</th>
					<th data-options="field:'corporation',width:100,align:'right'">Price</th>
				</tr>
			</thead>
		</table>
	</body>

</html>